@import './dialog.scss';
$bodyBackgroundColor:#f0f2f5 !important;
$backgroundColor:#ffffff !important;
$colorMain:#000000 !important;
$colorMain333:#333333 !important;
$colorYellow:#FFD324 !important;
$color49:#49A4F8 !important;
$color35:#35C6E5 !important;
$color3434:#343434 !important;
$colorFE:#FEA45B !important;
$colorFF7:#FF7262  !important;
$colorMainTwo:#1890FF !important;
$colorMainDel:#FF4D4F !important;
$colorFFF:#FFFFFF!important;
$colorRed:#F5222D!important;
$colorE9:#E9E9E9!important;
$color085:rgba(0, 0, 0, 0.85) !important;
$colorSecondary:rgba(0, 0, 0, 0.65) !important;
$colorPlaceholder:rgba(0, 0, 0, 0.25) !important;
$color045:rgba(0, 0, 0, 0.45) !important;
$color333:333333 !important;
$inputBorderColor1:#D9D9D9 !important;
$borderColorRgba006:rgba(0, 0, 0, 0.06) !important;
$btnBackgroundColor1:#414448 !important;
$tableBackgroundColor1:#FAFAFA !important;

body{
  background-color: $bodyBackgroundColor;
  .container-box {
    &-container {
      margin: 24px;
      &-margin{
        margin: 24px;
      }
      .control {
        &-area {
          margin-bottom: 24px;
          background-color: $backgroundColor;
          .el-form{
            padding: 24px 32px 24px 32px;
            .el-form-item--small.el-form-item{
              margin-bottom: 0;
            }
          }
          .formBackground{
            background-color: $backgroundColor;
          }

        }
      }
      .pagination {
        padding: 24px 0 32px 0;
        display: flex;
        justify-content: right;
        -webkit-justify-content:flex-end;
        .btn-prev ,.btn-next{
          width: 32px;
          height: 32px;
          font-size: 14px;
          line-height: 32px;
        }
        .el-pager{
          .number{
            width: 32px;
            height: 32px;
            font-size: 14px;
            line-height: 32px;
          }
        }
      }
    }

  }
}

.border-radius2{
  border-radius: 2px !important;
}
.border-radius8{
   border-radius: 8px !important;
 }

.border-radius-top{
  border-radius: 2px 2px 0 0 !important;
}
.border-radius-bottom{
  border-radius: 0 0 2px 2px !important;
}

.el-input{
  input::placeholder {
    color: $colorPlaceholder;
    font-size: 14px;
  }
}

.inputWidth123{
  width: 123px !important;
  input{
    width: 123px;
  }
}

.inputWidth175{
  width: 175px !important;
  input{
    width: 175px;
  }
}
.inputWidth224{
  input{
    width: 224px;
  }
}
.inputHeight{
  input{
    height: 32px;
  }
}

.inputBorder1{
  input{
    border: 1px solid $inputBorderColor1;
  }
}

.width100{
  width: 100px !important;
  input{
    width: 100px !important;
  }
}

.width80{
  width: 80px !important;
  input{
    width: 80px !important;
  }
}

.flex-box{
  display: flex;
  display: -webkit-flex;
}

.flex-center{
  justify-content:center;
}

.flex-direction-column{
  flex-direction:column;
}

.flex-direction-row{
  flex-direction:row-reverse;
}

.flex-justify-content-space-between{
  justify-content:space-between
}

.flex-align-items-center{
  align-items:center;
}

.flex-align-items-flex-end{
  align-items:flex-end;
}

.flex-align-content{
  align-content:space-between
}

.flex-flow{
  flex-flow:wrap-reverse;
}

.el-button-style{
  color: $colorSecondary;
  border: 1px solid $inputBorderColor1;
  border-radius: 2px !important;
}

.el-button--primary{
  background-color: $btnBackgroundColor1;
  //border-color: $btnBackgroundColor1;
  border: none !important;
  color: $colorFFF;
}

.colorBlue{
  color: $btnBackgroundColor1;
}

.colorMainTwo{
  color: $colorMainTwo;
}

.colorMainDel{
  color: $colorMainDel;
}

.leftBorder8{
  padding-left: 8px;
  border-left: 1px solid $colorE9;
}

.rightBorder8{
  padding-right: 8px;
  border-right: 1px solid $colorE9;
}
.rightBorder{
  border-right: 1px solid $colorE9;
}


.paddingLeft8Right8{
  padding: 0 8px;
  border-right: 1px solid $colorE9;
  border-left: 1px solid $colorE9;
}

.mainBackgroundColor{
  background-color: $backgroundColor;
}

.colorFFF{
  color: $backgroundColor;
}
.colorMain{
  color: $colorMain;
}
.colorMain333{
  color: $colorMain333;
}
.colorYellow{
  color: $colorYellow;
}
.color49{
  color: $color49;
}
.color35{
  color: $color35;
}
.color3434{
  color: $color3434;
}
.colorFE{
  color: $colorFE;
}
.colorFF7{
  color: $colorFF7;
}
.colorRed{
  color: $colorRed;
}
.color085{
  color: $color085;
}
.color065{
  color: $colorSecondary;
}
.color045{
  color: $color045;
}
.color333{
  color: $color333;
}


.btnWidth104{
  width: 104px;
}
.btnWidth86{
  width: 86px;
}

.btnWidth65{
  width: 65px;
  height: 32px;
}

.btnHeight32{
  height: 32px;
}


.boxContent{
  background-color: $backgroundColor;
  .tableTop{
    .mainColor{
      color: $colorMain;
    }
    .span{
      font-size: 16px;
    }
    height: 69px;
    line-height: 69px;
    overflow: hidden;
    .el-button{
      margin-top: 18px;
    }
  }
}

.tableBox{
  .el-table{
    .el-table__header-wrapper{
      .el-table__header{
        height: 54px;
        tr{
          th{
            background-color: $tableBackgroundColor1;
            color: $color085;
            font-weight: 500;
            font-size: 14px;
          }
        }
      }

    }
    .el-table__body-wrapper{
      tr{
        td{
          height: 54px;
          font-size: 14px;
          color: $colorSecondary;
          border-bottom: 1px solid #E8E8E8 !important;
        }
      }
    }
  }
}

.rowStyle{
  .el-form-item--small.el-form-item{
    margin-bottom: 32px;
    .el-form{
      .el-form-item__label{
        font-size: 14px;
        color: $color085;
      }
    }
  }
}
.rowStyleNth:nth-child(1){
  .el-form-item{
    margin-bottom: 22px;
  }
}
.rowStyleNth:nth-child(2){
  .el-form-item{
    margin-bottom: 22px;
  }
}

.btnClass1{
  .Class1Width65{
    width: 65px;
  }
  .Class1Width90{
    width: 90px;
  }
  .Class1Height32{
    height: 32px;
  }
  .Class1MarginLeft8{
    margin-left: 8px!important;
  }
}

.goBack{
  height: 55px;
  line-height: 55px;
  padding: 0 36px;
  background-color: $backgroundColor;
  border-bottom: 1px solid $inputBorderColor1;
  font-weight: 500;
  font-size: 16px;
  .el-button--text{
    color: $color085;
  }
  i{
    color: $colorSecondary;
  }
}

.channelListDialog{
  .el-dialog__footer{
    border-top: 1px solid rgba(0, 0, 0, 0.06);
  }
}

.borderBottom006{
  border-bottom: 1px solid $borderColorRgba006;
}

.borderTop006{
  border-top: 1px solid $borderColorRgba006;
}

.borderRight006{
  border-right: 1px solid $borderColorRgba006;
}

.borderLeft006{
  border-left: 1px solid $borderColorRgba006;
}

.borderA{
  border: 1px solid #AED8FF;
}

.borderB{
  border: 1px solid $inputBorderColor1;
}



.marginRight12{
  margin-right: 12px !important;
}

.marginRight8{
  margin-right: 8px !important;
}

.marginLeft8{
  margin-left: 8px !important;
}

.marginLeft0{
  margin-left: 0 !important;
}

.marginLeft0Right0{
  margin: 0 !important;
}

.marginLeft36Right36{
  margin-left: 36px !important;
  margin-right: 36px !important;
}

.marginTopBottom{
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.marginTop32{
  margin-top: 32px
}

.marginTop6{
  margin-top: 6px
}


.marginTop10{
  margin-top: 10px
}

.marginTop12{
  margin-top: 12px
}

.marginTop14{
  margin-top: 14px
}

.marginTop18{
  margin-top: 18px
}

.marginTop24{
  margin-top: 24px
}


.marginLeft32Right32{
  margin-left: 32px;
  margin-right: 32px;
}

.paddingLeft32padding32{
  padding-left: 32px;
  padding-right: 32px;
}

.marginTop16Bottom16{
  margin-top: 16px;
  margin-bottom: 16px;
}

.marginLeftRight15{
  margin:0 15px
}
.paddingBottom12{
  padding-bottom: 12px;
}
.paddingBottom20{
  padding-bottom: 20px;
}

.paddingBottom145{
  padding-bottom: 145px;
}

.padding24{
  padding: 24px;
}

.padding12{
  padding: 12px;
}
.padding12-0{
  padding: 12px 0 0 0;
}
.padding8-0{
  padding: 8px 0 0 0;
}

.padding024{
  padding: 0 24px;
}
.paddingR24{
  padding: 0 24px 0 0;
}

.marginLeft2{
  margin-left: 2px;
}

.marginLeft10{
  margin-left: 10px;
}
.marginLeft12{
  margin-left: 12px;
}

.marginLeft15{
  margin-left: 15px;
}


.marginLeft20{
  margin-left: 20px;
}
.marginLeft40{
  margin-left: 40px;
}


.marginLeft110{
  margin-left: 110px !important;
}

.marginRight24{
  margin-right: 24px;
}

.marginRight20{
  margin-right: 20px;
}
.marginBottom5{
  margin-bottom: 5px !important;
}

.marginBottom10{
  margin-bottom: 10px;
}

.marginBottom12{
  margin-bottom: 12px;
}
.marginBottom18{
  margin-bottom: 18px;
}
.marginBottom20{
  margin-bottom: 20px;
}


.marginBottom24{
  margin-bottom: 24px;
}
.marginBottom32{
  margin-bottom: 32px !important;
}

.margin160{
  margin: 16px 0;
}

.margin320{
  margin: 32px 0;
}


.margin0{
  margin:0 !important;
}

.borderNone{
  border: none;
}

.paddingTop16{
  padding-top: 16px;
}
.padding032{
  padding: 0 32px;
}
.padding0-24{
  padding: 0 24px 24px 24px;
}
.padding320{
  padding: 32px 0;
}

.fontSize40{
  font-size: 40px;
}

.fontSize45{
  font-size: 45px;
}
.fontSize48{
  font-size: 48px;
}
.fontSize30{
  font-size: 30px;
}
.fontSize24{
  font-size: 24px;
}

.fontSize22{
  font-size: 22px;
}
.fontSize20{
  font-size: 20px;
}
.fontSize18{
  font-size: 18px;
}
.fontSize16{
  font-size: 16px;
}
.fontSize14{
  font-size: 14px;
}
.fontSize12{
  font-size: 12px;
}

.fontWeightBold{
  font-weight:bold !important;
}

.fontWeight500{
  font-weight:500;
}

.fontWeight600{
  font-weight:600;
}

.floatRight{
  float: right;
}

.floatLeft{
  float: left;
}
.inline-block{
  display: inline-block;
}
.relative{
  position: relative;
}
.block{
  display: block !important;
}

.text-center{
  text-align: center;
}
.middle{
  vertical-align: middle !important
}

.text-align-right{
  text-align: right
}

.cursorPointer{
  cursor: pointer;
}

.cursorDefault{
  cursor: default;
}

.width-100{
  width: 100%;
}

.width-80{
  width: 80%;
}

.width-50{
  width: 50%;
}

.width-25{
  width: 25%;
}

.width-20{
  width: 20%;
}
.width-m25{
  min-width: 25%;
}

.width-33{
  width: 33.333333%;
}

.line-height11{
  line-height: 1.1;
}
.line-height1-5{
  line-height: 1.5;
}

.line-height1{
  line-height: 1 !important;
}
.line-height22{
  line-height: 22px;
}
.line-height24{
  line-height: 24px;
}
.line-height28{
  line-height: 28px;
}
.line-height32{
  line-height: 32px;
}
.line-height40{
  line-height: 40px;
}
.line-height55{
  line-height: 55px;
}
.overflowHidden{
  overflow: hidden;
}
.contentHead{
  padding: 24px 0 12px 0;
  .title {
    font-size: 16px;
    font-weight: 500;
    color: $color085;
    margin: 0;
  }
}

.el-dropdown-menu{
  max-height: 500px;
  overflow-y: auto;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.spanLabelColor{
  background-color: #FAAD14;
}

.spanLabelFontColor1{
  color: rgba(0, 0, 0, 0.65);
}

.spanLabelFontColor2{
  color: #FAAD14;
}
.spanLabelColor1{
  background-color: #52C41A;
}
.spanLabelFontColor3{
  color: #52C41A;
}
.spanLabelColor2{
  background-color: #1890FF;
}
.spanLabelFontColor4{
  color: #1890FF;
}
.spanLabelColor3{
  background-color: #B7B7B7;
}
.spanLabelFontColor5{
  color: #B7B7B7;
}
.spanLabelColor4{
  background-color: #F5222D;
}
.spanLabelColor5{
  background-color: #EE7171
}


.business-uploader-single-313{
  .el-upload{
    width: 313px;
    height: 164px;
    background: rgba(0, 0, 0, 0.04);
    border: 1px dashed rgba(0, 0, 0, 0.14901960784313725);
    border-radius: 2px;
    display: flex;
    -webkit-display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    .el-icon-plus{
      font-size: 24px;
      color: rgba(0, 0, 0, 0.45);
    }
  }
}

.spanWidthStyle{
  width: 8px;height: 8px;border-radius: 50%;display: inline-block;vertical-align: 1px
}
.spanWidthStyle-6{
  width: 6px;height: 6px;border-radius: 50%;display: inline-block;vertical-align: 1px
}


.primaryBtnStyle{
  padding: 10px 20px !important;
}

.noneBtnStyle{
  padding: 9px 19px !important;
}

// el form label文字换行行高
.itemLineHeight{
  .el-form-item__label{
    line-height: 1.3;
  }
}

.wisdom-popper-class-new .el-scrollbar .el-select-dropdown__wrap .el-select-dropdown__item.selected{
  color: #EFD9AF !important;
}
